<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>李荣鹏2215220334的黑店</title>
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<link rel="stylesheet" href="css/manager.css" />
</head>
<body>
<header class="head clearfix">
  <div class="main "><b class="logo"><img src="images/logo.png" width="220"></b> <span class="fr">
    <p id="menuAppend">
    	<a href="index.html">主页</a> <a href="list.html">所有书籍</a> 
    </p>
    </span>
    <div class="clearfix"></div>
  </div>
</header>
<section class="main clearfix"><br>
  <div class="bar2">
    <h3>图书管理</h3>
  </div>
  <div class="content">
  	<div class="container">
  		<button class="addBtn" onclick="addBtn()" id="addBtn">添加图书</button>
		<button class="addBtn" onclick="loginOut()" id="loginOut">退出账号</button>
		<!-- <table class="bookList">
			<tr>
				<th>序号</th>
				<th>图片</th>
				<th>书名</th>
				<th>类型</th>
				<th>作者</th>
				<th>状态</th>
				<th>上架时间</th>
				<th>操作</th>
			</tr>
		</table> -->
  		<table class="bookList">
  			
  		</table>
  	</div>
  </div>
</section>
<footer> 李荣鹏2215220334的黑店</footer>
<div class="modal" id="modal">
	<div class="modalBody">
		<form action="">
			<div>
				<label for="path">图片</label>
				<input type="file" name="path" id="path" accept="image/*" style="display: none;" onchange="receiveFile()">
				<div class="formImg" onclick="formImg()">
					<img id="imgPath" src="./images/a1.jpg" alt="">
				</div>
				<div class="errorTxt"></div>
			</div>
			<div>
				<label for="bookName">书名</label>
				<input type="text" name="bookName" id="bookName">
				<div class="errorTxt"></div>
			</div>
			<div>
				<label for="type">类型</label>
				<select name="type" id="type">
				</select>
			</div>
			<div>
				<label for="authorize">作者</label>
				<input type="text" name="authorize" id="authorize">
				<div class="errorTxt"></div>
			</div>
			<div>
				<label for="publish">出版社</label>
				<input type="text" name="publish" id="publish">
				<div class="errorTxt"></div>
			</div>
			<div>
				<label for="number">页数</label>
				<input type="number" name="number" id="number">
				<div class="errorTxt"></div>
			</div>
			<div>
				<label for="banquan">版权商</label>
				<input type="text" name="banquan" id="banquan">
				<div class="errorTxt"></div>
			</div>
			<div>
				<label for="status">状态</label>
				<select name="status" id="status">
					<option value="0" selected>1</option>
					<option value="1">2</option>
				</select>
			</div>
			<div class="btnLIne">
				<button type="reset" onclick="closeTheForm()" id="close">取消</button>
				<button type="button" onclick="saveTheForm()" id="saveFrom">保存</button>
			</div>
		</form>
	</div>
</div>
<script src="js/menu.js"></script>
<script src="js/manager.js"></script>
</body>
</html>
